<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@page import="com.wtb.domain.DataCache"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>让微同步同步你的人人网和腾讯微博</title>
    <link rel="Shortcut Icon" href="/images/vtb.ico">
    <meta name="keywords" content="腾讯微博 人人网 状态同步 微同步 人人微同步" />
    <meta name="description" content="微同步是一款能够自动同步你的腾讯微博、腾讯说说、朋友网、QQ个性签名和人人网状态的应用" />
 <style >
	 body{font:13px/1.5 "Lucida Sans Unicode", Arial, sans-serif;margin:0; background:url(images/back.png) repeat-x; background-color:#93c5ea; color:#444;text-align:center;}
	 img{border:none;vertical-align:top; }
	 a{color:#333; text-decoration:none; }
	 a:hover{ text-decoration:none; color:#000;}
	 #main{
	 	width:800px;
	 	height:600px;
	 	margin:0 auto;
	 }
	 #logo{
	 	width:700px;
	 	height:40px;
	 	margin:0 auto;
	 }
	 #logo100{
	 	float:left;
	 	weight:300px;
	 }
	 #sharerr{
	 	clear:both;
	 	float:right;
	 	margin-top:-40px;
	 	margin-right:10px;
	 }
	 #shareqq{
		 float:right;
		 margin-right:130px;
		 margin-top:-40px;
	 }
	 *html #shareqq{margin-right:10px;}
	 *html  #content{ height:500px;}
	 #content{
	 	clear:both;
	 	width:700px;
	 	height:520px;
	 	margin:0 auto;
	 }
	  #top{
	 	width:700px;
	 	height:18px;
	 	margin:0 auto;
	 	background:url(images/top.png);
	 }
	  #des{
	 	width:654px;
	 	height:185px;
	 	margin:0 auto;
	 	text-align:left;
	 	background:white;
	 	padding:30px 0 0 30px;
	 	line-height:26px;
	 }
	  #error{
	 	width:654px;
	 	height:20px;
	 	margin:0 auto;
	 	text-align:left;
	 	background:white;
	 	padding:0 0 0 30px;
	 	font-size:16px;
	 	color:#20389C;
	 }
	 *html #des{width:684px;}
	 *html #error{width:684px;}
	 *html #head{width:684px;}
	 *html #login{width:684px;}
	 *html #count{width:684px;}
	 *html .kg{width:125px;}
	  #head{
	 	width:654px;
	 	height:150px;
	 	background:white;
	 	margin:0 auto;
	 	padding:0 0 0 30px;
	 }
	  #login{
	 	width:654px;
	 	height:40px;
	 	background:white;
	 	margin:0 auto;
	 	padding:0 0 0 30px;
	 }
	  #bottom{
	 	width:700px;
	 	height:18px;
	 	margin:0 auto;
	 	background:url(images/bottom.png);
	 }
	 #count{
		width:654px;
	 	height:40px;
	 	margin:0 auto;
	 	background-color:white;
	 	padding:0 0 0 30px;
	 }
	  #copy{
	 	width:700px;
	 	height:20px;
	 	margin:0 auto;
	 }
	 #cnzz{
	 	width:700px;
	 	height:30px;
	 	margin:0 auto;
	 	margin-top:5px;
	 }
	 .bimg{
	 	width:150px;
	 	height:130px;
	 	float:left;
	 	margin:0px 0 0 40px;
	 }
	 .btimg{
	 	height:40px;
	 	margin-top:0px;
	 }
	 .timg{
	 	width:77px;
	 	height:40px;
	 }
	 .kg{
	 	width:100px;
	 	height:20px;
	 	margin:10px 0 10px 25px;
	 }
 </style>
  
  </head>
  
  <body>
	<div id="main">
			<div id="logo">
				<div id="logo100">
					<img src="${pageContext.request.contextPath}/images/110.png">
				</div>
				<div id="share">
					<div id="sharerr">
						<script type="text/javascript" src="http://widget.renren.com/js/rrshare.js"></script>
						<a name="xn_share" onclick="shareClick()" type="button_large" href="javascript:;"></a>
						<script type="text/javascript">
							function shareClick() {
								var rrShareParam = {
									resourceUrl : 'http://vtb.tacheno.net',	//分享的资源Url
									pic : 'http://vtb.tacheno.net/images/logo.jpg',		//分享的主题图片Url
									title : '微同步',		//分享的标题
									description : '亲，我在使用微同步啊，他可以帮我自动同步人人网状态和腾讯微博，快来试试吧！'
								};
								rrShareOnclick(rrShareParam);
							}
						</script>
					</div>
					<div id="shareqq">
						<a href="javascript:void(0)" onclick="postToWb();return false;" class="tmblog"><img src="http://v.t.qq.com/share/images/s/b24.png" border="0" alt="转播到腾讯微博" ></a><script type="text/javascript">
							function postToWb(){
								var _url = encodeURIComponent(document.location);
								var _assname = encodeURI("tacheno");//你注册的帐号，不是昵称
								var _appkey = encodeURI("801153935");//你从腾讯获得的appkey
								var _pic = encodeURI('http://vtb.tacheno.net/images/logo.jpg');//（例如：var _pic='图片url1|图片url2|图片url3....）
								var _t = '亲，我在使用微同步啊，他可以帮我自动同步人人网状态和腾讯微博，快来试试吧！';//标题和描述信息
								if(_t.length > 120){
									_t= _t.substr(0,117)+'...';
								}
								_t = encodeURI(_t);
						
								var _u = 'http://share.v.t.qq.com/index.php?c=share&a=index&url='+_url+'&appkey='+_appkey+'&pic='+_pic+'&assname='+_assname+'&title='+_t;
								window.open( _u,'', 'width=700, height=680, top=0, left=0, toolbar=no, menubar=no, scrollbars=no, location=yes, resizable=no, status=no' );
							}
						</script>
					</div>
				<div>
			</div>
			<div id="content">
				<div id="top"></div>
				<div id="des">
					亲,我来教你使用方法吧,让你的人人网和腾讯微博从此自动同步...<br>
    				1、点击“<b>与人人连接</b>”图标,登陆后点击“连接”会跳回本页面且显示人人网头像...<br>
    				2、点击“<b>用微博账号登陆</b>”,如果你有微博账号,登陆后点击授权会跳回本页面且显示微博头像...<br>
    				3、当<b>两侧都有你的头像</b>的时候中间会出现“<b>开启微博到人人</b>”,“<b>开启人人到微博</b>”...<br>
    				4、点击开启后如无错误提示即可享受微同步给你带来的自动同步功能...<br>
    				<b style="color:red">(=^_^=)：以"-"(减号,非下划线)结尾的消息不转发！！<a style="color:#006A92;font-size:18px;" href="http://blog.renren.com/blog/bp/Q7Ff5rh6UX" target="_blank">查看使用帮助</a></b> 
				</div>
				<h5 id="error"><c:out value="${errorMsg}"/></h5>
				<div id="head">
					<div class="bimg">
						<c:if test="${lastMap['rr'] != null}">
    						<img  src="${lastMap['rr'].user.headurl }"/>
    					</c:if>
					</div>
					<div class="bimg">
						<div class="kg">
	    					<c:if test="${q2r=='close'and status != 'closed'}">
	    						<a href="${pageContext.request.contextPath}/q2r?status=close">关闭微博到人人</a>
	    					</c:if>
	    					<c:if test="${q2r=='open' and status != 'closed'}">
	    						<a href="${pageContext.request.contextPath}/q2r?status=open">开启微博到人人</a>
	    					</c:if>
						</div>
							<c:if test="${q2r=='close'}">
								<img class="timg" src="${pageContext.request.contextPath}/images/sq2r.png"/>
							</c:if>
							<c:if test="${q2r=='open'or q2r==null}">
								<img class="timg" src="${pageContext.request.contextPath}/images/nq2r.png"/>
							</c:if>
							<c:if test="${r2q=='close'}">
								<img class="timg" src="${pageContext.request.contextPath}/images/sr2q.png"/>
							</c:if>
							<c:if test="${r2q=='open'or r2q==null}">
								<img class="timg" src="${pageContext.request.contextPath}/images/nr2q.png"/>
							</c:if>
						<div class="kg">
		    				<c:if test="${r2q=='close' and status != 'closed'}">
	    						<a href="${pageContext.request.contextPath}/r2q?status=close">关闭人人到微博</a>
	    					</c:if>
	    					<c:if test="${r2q=='open' and status != 'closed'}">
	    						<a href="${pageContext.request.contextPath}/r2q?status=open">开启人人到微博</a>
	    					</c:if>
						</div>
					</div>
					<div class="bimg">
						<c:if test="${lastMap['qq'] != null}">
	    					<img  src="${lastMap['qq'].user.headurl }/100"/>
	    				</c:if>
					</div>
				</div>
				<div id="login">
					<div class="bimg btimg">
						<a href="${pageContext.request.contextPath}/rrconn">	
	    					<img src="${pageContext.request.contextPath}/images/rr133.png"/> 
	    				</a>
					</div>
					<div class="bimg btimg">
						<c:if test="${status=='closed'}">
    						<a>请重新登陆授权开启同步</a>
    					</c:if>
    					<c:if test="${status=='bound'}">
    						<a>其中一个账号已绑定过</a>
    					</c:if>
					</div>
					
					<div class="bimg btimg">
					<a href="${pageContext.request.contextPath}/qqconn">
		    				<img  src="${pageContext.request.contextPath}/images/qq.png"/>
		    			</a>
					</div>
				</div>
				<div id="count">
					已有<B style="color:red;font-size:15px;"><%=DataCache.getValue() %></B>位用户使用微同步***微同步已转发<B style="color:red;font-size:15px;"><%=DataCache.getCount() %></B>条消息
				</div>
				<div id="bottom"></div>
			</div>
			<div id="copy">
				Copyright © 2012 tacheno <a href="http://www.renren.com/229024137"><img src="${pageContext.request.contextPath}/images/rr16.png"/></a> <a href="http://t.qq.com/tacheno"><img src="${pageContext.request.contextPath}/images/qq16.png"/></a> <a href="http://weibo.com/tacheno"><img src="${pageContext.request.contextPath}/images/sina16.png"/></a>
			</div>
			<div id="cnzz">
				<script src="http://s96.cnzz.com/stat.php?id=4192639&web_id=4192639&show=pic" language="JavaScript"></script>
			</div>
	</div>
  </body>
</html>
